<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>引入样式</title>
		<style>
			h3{
				color: green;  /* 字体颜色 */
				font-size: 36px;  /* 字体大小 */
				text-align: center;  /* 文本居中显示 */
		}
		h1{
			color: green;
		}
		.bigfont{    /* 类名 */
			font-size: 88px
		}
		#col{    /* #ID名字 */
			color:hotpink
		}
		</style>
		<link href="css/font-style.css" rel="stylesheet" />
	</head>
	<body>
		<!-- CSS：层叠样式表
		三种引入样式：
		  1.内联样式在开始标签中加入style属性，在属性中书写样式
		  2.内部样式：在html文件的head标签中加入style标签，在style标签中书写样式
		  3.外部样式：
			step1:创建CSS文件，书写样式
			 step2:在HTML文件的head标签中用link标签关联样式文件
		 思考：对于一个标签用三种引入样式作用于同一个样式，这个表情最终显示效果听谁的？
			内联样式优先级最高，谁离标签最近谁的优先级最高。
			 -->
		<!-- 选择器：
		 1.标签选择
		 2.类选择器
		 3.id选择器 -->
		<h1 class="bigfont">古诗中文网</h1>
		<h3 class="bigfont">首页</h3>  <!-- class属性="类名" -->
		<h3>蒹葭</h3>  <!-- id="名字具有唯一性" -->
		<p style="color:skyblue">蒹葭苍苍，白露为霜</p>
		<p style="color:seagreen">所谓伊人，在水一方</p>
	</body>
</html>
